var gulp = require('gulp');
var sass = require('gulp-ruby-sass');
var browserSync = require('browser-sync');
var reload = browserSync.reload;

gulp.task('sass', function () {
    return sass('app/scss/styles.scss')
        .pipe(gulp.dest('app/css'))
        .pipe(reload({
            stream: true
        }));
});

// 监视 Sass 文件的改动，如果发生变更，运行 'sass' 任务，并且重载文件
gulp.task('server', ['sass'], function () {
    browserSync({
        server: {
            baseDir: 'app'
        }
    });
    gulp.watch('scss/*.scss', {
        cwd: 'app'
    }, ['sass']);
    gulp.watch(['*.html', 'scripts/*.js'], {
        cwd: 'app'
    }, reload);
});